<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>Title</title>
    <link href="/crm/css/bootstrap.min.css" rel="stylesheet"/>
    <script src="/crm/js/jquery.min.js"></script>
    <script src="/crm/js/bootstrap.min.js"></script>
</head>
<body>

<div class="row" style="border: 1px red solid">
    <div class="col-md-1" style="border: 1px yellow solid">.col-md-1</div>
    <div class="col-md-2" style="border: 1px black solid">.col-md-2</div>
    <!-- 省略部分代码 -->
</div>
<div class="row" style="border: 1px red solid">
    <div class="col-md-6" style="border: 1px blue solid">
        <div class="col-md-1 col-lg-offset-10" style="border: 1px yellow solid">.col-md-1</div>
    </div>
</div>
<div class="row" style="border: 1px red solid">
    <div class="col-md-10 col-md-offset-1">
        <div class="dropdown">
            <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">Java</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
                </li>
                <li role="presentation" class="divider"></li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>